<template>
  <div class="q-pa-md q-gutter-sm">
    <t-breadcrumbs gutter="none">
      <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" />
    </t-breadcrumbs>

    <t-separator />

    <t-breadcrumbs gutter="xs">
      <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" />
    </t-breadcrumbs>

    <t-separator />

    <t-breadcrumbs gutter="sm">
      <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" />
    </t-breadcrumbs>

    <t-separator />

    <t-breadcrumbs gutter="md">
      <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" />
    </t-breadcrumbs>

    <t-separator />

    <t-breadcrumbs gutter="lg">
      <!-- <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" /> -->
    </t-breadcrumbs>

    <t-separator />

    <t-breadcrumbs gutter="xl">
      <!-- <t-breadcrumbs-el label="Home" />
      <t-breadcrumbs-el label="Components" />
      <t-breadcrumbs-el label="Breadcrumbs" /> -->
    </t-breadcrumbs>
  </div>
</template>
